<!--
 * @description  :卷烟选择组件 
 * @descriptionDetail: 卷烟选择组件
 * @copyright    : 浙江烟草
 * @author       : lcm
 * @create       : 2022-09-27 09:58:58
-->

<template>
  <view>
    <u-row gutter="16">
      <u-col span="12">
        <view class="title">
          {{ cigar.productName }}
          <u-tag
            style="float: right" :text="cigar.brandName" mode="light"
            type="primary" shape="circle"
          />
        </view>
      </u-col>
      <u-col span="12">
        <view class="sub-title">
          {{ cigar.supplyName }}
        </view>
      </u-col>
      <u-col span="12">
        <u-row class="sub-title">
          <u-col span="5">
            {{ cigar.brandCode }}
          </u-col>
          <u-col span="2"></u-col>
          <u-col span="5">
            {{ cigar.packCode }}
          </u-col>
        </u-row>
      </u-col>
    </u-row>
  </view>
</template>
<script>
export default {
  name: 'CigarItem',
  props: {
    cigar: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {};
  },
  watch: {
    cigar: {
      immediate: true,
      handler() {
        this.$forceUpdate();
      },
    },
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
	.title {
		font-size: 15px;
		color: #666;
		font-weight: 600;
		margin: 5px 10px;
	}
	.sub-title {
		color: #666;
		margin: 3px 10px;
	}
</style>
